i{
    font-style: normal;
}
.lottery-header{
    ion-grid{
        background: #fff;height: 2.15rem; border-bottom: 1px solid #a4a4a4; padding: 0px; overflow: hidden;
        ion-row{
            line-height: 2rem;
        }
        ion-datetime{
            padding: 0px; color: #666; font-weight: bold;
        }
        .calendar{
            position: absolute; color: #666; right: 50%; margin-right: -2.8rem; top: 0.2rem; 
        }
        ion-col{
            text-align: center; font-size: 0.6rem;
            ion-text{
                color: #666; font-weight: bold;
            }
            &:first-child{
                border-right: 1px solid #a4a4a4;
            }
        }
    }
}
.grid-header{
    padding: 0px; border-bottom: 1px solid #999;
    .lotter-data-right{
        border-left: 1px solid #999;
    }
    ion-row{
        height: 2rem; 
        ion-col{
            font-size: 0.7rem; line-height: 2rem; padding: 0px; text-align: center; 
            span{
                 color: #666; padding: 4px; margin-right: 2px; border: 1px solid #999; border-radius: 3px;
                 &.active{
                     background: #e9385d; color: #fff;
                 }
            }
        }
    }
}
.lottery-content{
    ion-grid{
        padding: 0px;
        ion-col{
            padding: 0px; text-align: center; font-size: 0.6rem; min-height: 35px; 
            &.lotter-data{
                display: flex; justify-content: center; align-items: center;
                &.lotter-data-right{
                    border-left: 1px solid #999;
                }
            }
        }
        ion-row{
            align-items: center; border-bottom: 1px solid #999;
        }
        &.res-nn{
            ion-row{
                display: flex; align-items: center;
            }
        }
    }
    &.lottery-pk8,&.lottery-pt8,&.lottery-pks,&.lottery-pkt,&.lottery-sg8{
        .lottery-res-contain{
            span{
                &.lottery-sx-dd{//大小单双
                    width: 1.1rem; height: 1.1rem; border-radius: 3px;  font-size: 0.7rem; font-weight: bold;
                }
            }
        }
    }
    .lottery-res-contain{
        line-height: 1.5rem; 
        &.lottery-res-contain-sum,&.lottery-res-contain-tm{
            display: flex; justify-content: center; align-items: center;
            .lottery-ts-sx-dd{
                padding: 0.3rem;line-height: 0.65rem; height: 1.28rem; border-radius: 3px;  font-size: 0.7rem; font-weight: bold;
                &.lottery-tslong-sx-dd{
                    padding: 0.3rem 0.1rem; 
                }
                &.lottery-tslong-single-sx-dd{
                    padding: 0.3rem 0rem; width:1.275rem ; 
                }
                &.lottery-tslong-single-sx-dd-one{
                    padding: 0.3rem 0rem;width:1.275rem ;
                }
                &.lottery-tslong-single-sx-dd-two{
                    padding: 0.3rem 0rem;width:1.275rem ; 
                }
            }
        }
        span{
             display: inline-block; height: 1.1rem; line-height: 1.1rem; margin-right: 0.2rem; 
             &.lot-0,&.lot-1,&.lot-2,&.lot-3,&.lot-4,&.lot-5,&.lot-6,&.lot-7,&.lot-8,&.lot-9{
                margin-right: 0.05rem;
             }
            &.dxds-red{
                color: #ff6565;
            }
            &.lhc-qlc-sum-num{//六合的总和样式
                display: inline-block;border-radius: 1rem; height: 1.2rem; width: 2.7rem; padding: 0px;text-align: center;line-height: 1.1rem; font-weight: bold;
                &.lhc-qlc-num{//只有数字
                    color: #e64f4f; text-align: right; padding-right: 0.5rem; width: 2.2rem;
                }
            }
            &.lottery-sx-dd{//大小单双
                width: 1.2rem; height: 1.2rem; border-radius: 3px; font-weight: bold;
            }
            &.lhc-qlc-sum-dd,&.lottery-dd{
                color: #fff; background: #8273b0;
            }
            &.lhc-qlc-sum-sx,&.lottery-sx{
                color: #fff; background: #67bf7f;
            }
            &.lhc-qlc-sum-red{
                color: #fff; background: #ff4040;  width: 1.2rem;border-radius: 3px;
            }
            &.lhc-qlc-sum-green{
                color: #fff; background: #49ac08;width: 1.2rem;border-radius: 3px;
            }
            &.lhc-qlc-sum-blue{
                color: #fff; background: #0a92e0;width: 1.2rem;border-radius: 3px;
            }
            &.lotter-sum-wei-d{
                color: #65b259;background: #fff;
            }
            &.lotter-sum-wei-x{
                background-color: #fff;color: #5385ba;
            }
            &.lotter-sum-dui{
                background-color: #fff;color: #56ac8b;
            }
            &.lotter-sum-za{
                background-color: #fff;color: #818181;
            }
            &.lotter-sum-sz{
                background-color: #fff;color: #2fa8e9;
            }
            &.lotter-sum-bsz{
                background-color: #fff;color: #7f75b5;
            }
            &.lotter-sum-bao{
                background-color: #fff;color: #ea3531;
            }
            &.lot-tshe{
                padding: 0.3rem 0.4rem !important;
            }
        }
        &.balls-contain{
            span{
                border-radius: 3px; color: #fff; width: 1.1rem;
                &.pk-num-font{
                    font-family: 'impact'; -webkit-text-stroke: 1px #333; text-stroke: 1px #333; font-size: 0.8rem; margin-right: 0.2rem;
                }
                &.lot-pk-sum{
                    color: #333; width: 1.2rem; height:1.2rem; border-radius: 3px; border: 1px solid #777; text-align: center;
                }
                &.dxds-red{
                    color: #ff6565 !important;
                }
                &.lot-sxg{
                    color: #fff; background: url('../../../../assets/img/lot_res_bg.png') no-repeat; background-size: contain;
                }
                &.lot-js8-a20{
                    border-radius: 50% !important; background: linear-gradient(122deg, #e8e8e8 2%, #fefefe 77%, #fefefe 100%);border: 1px solid #c1c3ce; color: #1051e5;
                    &.lot-js8-a20-1,&.lot-js8-a20-2,&.lot-js8-a20-3,&.lot-js8-a20-4,&.lot-js8-a20-5,&.lot-js8-a20-6,&.lot-js8-a20-7,&.lot-js8-a20-8,&.lot-js8-a20-9,&.lot-js8-a20-10,&.lot-js8-a20-11,&.lot-js8-a20-12,
                    &.lot-js8-a20-13,&.lot-js8-a20-14,&.lot-js8-a20-15,&.lot-js8-a20-16,&.lot-js8-a20-17,&.lot-js8-a20-18,&.lot-js8-a20-19,&.lot-js8-a20-20,&.lot-js8-a20-21,&.lot-js8-a20-22,&.lot-js8-a20-23,&.lot-js8-a20-24,&.lot-js8-a20-25,
                    &.lot-js8-a20-26,&.lot-js8-a20-27,&.lot-js8-a20-28,&.lot-js8-a20-29,&.lot-js8-a20-30,&.lot-js8-a20-31,&.lot-js8-a20-32,&.lot-js8-a20-33,&.lot-js8-a20-34,&.lot-js8-a20-35,&.lot-js8-a20-36,&.lot-js8-a20-37,&.lot-js8-a20-38,&.lot-js8-a20-39,&.lot-js8-a20-40{
                       color: #546168 !important;
                    }
                }
            }
            &.small-ball{
                span{
                    width: 1.1rem;
                }
            }
        }
        &.lhc-qlc{
            display:block !important;
        }
        //有和
        .lottery-ts-sx-dd-he{
            background: #d7d7d7; color: #fff; 
        }
        .he-3 .lottery-ts-sx-dd-he{
            padding: 0.3rem 0.455rem !important;
        }
        //sum类别有纯数字
        .ts-number{
            color: #e64f4f; width: 2.5rem !important;
        }
        //江苏快三总和独有的通吃
        .ts-tc{
            padding: 0.3rem 0.2rem !important; border: 1px solid #7f7f7f; font-size: 0.6rem !important; font-weight: 100 !important;
        }
        //澳洲幸运20|极速快乐8
        &.js8-a20-bsl{
            span{
                width: 2.6rem;
                border-radius: 3px;
                color:#fff;
                font-weight: bold;
                &.qdd{
                    background: #8273b0;
                }
                &.qdh{
                    background: #d7d7d7;
                }
                &.shd{
                    background: #67bf7f;
                }
                &.jin{
                    color: #ffc000;
                }
                &.mu{
                    color: #c55a11;
                }
                &.shui{
                    color: #0070c0;
                }
                &.huo{
                    color: #ff0000;
                }
                &.tu{
                    color: #843c0c;
                }
                &:last-child{
                    width: 1.1rem;
                }
            }
        }
    }
    .lottery-res-tm-contain{
        display: flex; align-items: center;
    }
    .lottery-res-nn-contain{
        padding-top: 0.25rem;
        span{
            display: inline-block; line-height: 1rem; width: 1.6rem;
        }
    }
    
}
ion-grid{
    .lotter-date{
        font-weight: bolder; color: #777;
    }
}
// 六合彩，极速六合
.lhc-qlc{
    i{
       font-style: normal;
    }
    span.lhc-qlc-lot-default{
        color: inherit !important;
    }
    span.lhc-qlc-lot{
        line-height: 1.1rem !important; border-radius: 1.1rem !important; width: 1.1rem;
    }
}
.lhc-qlc-lot-1,.lhc-qlc-lot-2,.lhc-qlc-lot-7,.lhc-qlc-lot-8,.lhc-qlc-lot-01,.lhc-qlc-lot-02,.lhc-qlc-lot-07,.lhc-qlc-lot-08,.lhc-qlc-lot-12,.lhc-qlc-lot-13,.lhc-qlc-lot-18,.lhc-qlc-lot-19,.lhc-qlc-lot-23,.lhc-qlc-lot-24,.lhc-qlc-lot-29,.lhc-qlc-lot-30,.lhc-qlc-lot-34,.lhc-qlc-lot-35,.lhc-qlc-lot-40,.lhc-qlc-lot-45,.lhc-qlc-lot-46{
    background: #ff4040 !important; color: #fff !important;
}
.lhc-qlc-lot-3,.lhc-qlc-lot-4,.lhc-qlc-lot-9,.lhc-qlc-lot-03,.lhc-qlc-lot-04,.lhc-qlc-lot-09,.lhc-qlc-lot-10,.lhc-qlc-lot-14,.lhc-qlc-lot-15,.lhc-qlc-lot-20,.lhc-qlc-lot-25,.lhc-qlc-lot-26,.lhc-qlc-lot-31,.lhc-qlc-lot-36,.lhc-qlc-lot-37,.lhc-qlc-lot-41,.lhc-qlc-lot-42,.lhc-qlc-lot-47,.lhc-qlc-lot-48{
    background: #0a92e0 !important; color: #fff !important;
}
.lhc-qlc-lot-5,.lhc-qlc-lot-6,.lhc-qlc-lot-05,.lhc-qlc-lot-06,.lhc-qlc-lot-11,.lhc-qlc-lot-16,.lhc-qlc-lot-17,.lhc-qlc-lot-21,.lhc-qlc-lot-22,.lhc-qlc-lot-27,.lhc-qlc-lot-28,.lhc-qlc-lot-32,.lhc-qlc-lot-33,.lhc-qlc-lot-38,.lhc-qlc-lot-39,.lhc-qlc-lot-43,.lhc-qlc-lot-44,.lhc-qlc-lot-49{
    background: #49ac08 !important; color: #fff !important;
}

.ssc-ssc{
    display: flex; align-items: center;
    span.ssc-ssc-num{
        height: 1.3rem !important; width: 1.3rem !important; 
    }
    span.ssc-ssc--00,span.ssc-ssc--0{
        background: url('../../../../assets/img/sx_0.png') no-repeat; background-size: contain; 
    }
    span.ssc-ssc--01,span.ssc-ssc--1{
        background: url('../../../../assets/img/sx_1.png') no-repeat; background-size: contain; 
    }
    span.ssc-ssc--02,span.ssc-ssc--2{
        background: url('../../../../assets/img/sx_2.png') no-repeat; background-size: contain; 
    }
    span.ssc-ssc--03,span.ssc-ssc--3{
        background: url('../../../../assets/img/sx_3.png') no-repeat; background-size: contain; 
    }
    span.ssc-ssc--04,span.ssc-ssc--4{
        background: url('../../../../assets/img/sx_4.png') no-repeat; background-size: contain; 
    }
    span.ssc-ssc--05,span.ssc-ssc--5{
        background: url('../../../../assets/img/sx_5.png') no-repeat; background-size: contain; 
    }
    span.ssc-ssc--06,span.ssc-ssc--6{
        background: url('../../../../assets/img/sx_6.png') no-repeat; background-size: contain; 
    }
    span.ssc-ssc--07,span.ssc-ssc--7{
        background: url('../../../../assets/img/sx_7.png') no-repeat; background-size: contain; 
    }
    span.ssc-ssc--08,span.ssc-ssc--8{
        background: url('../../../../assets/img/sx_8.png') no-repeat; background-size: contain; 
    }
    span.ssc-ssc--09,span.ssc-ssc--9{
        background: url('../../../../assets/img/sx_9.png') no-repeat; background-size: contain; 
    }
}

.ssn-ssh-f3d-pl3-sjs{
    span.ssn-ssh-f3d-pl3-sjs-num{
        height: 1.2rem !important; width: 1.2rem !important; line-height: 1.2rem !important; background: url('../../../../assets/img/lot_res_bg.png') no-repeat; background-size: contain;
    }
}

.s3s-s3s{
    display: flex;
    span.s3s-s3s--01,span.s3s-s3s--1{
        background: url('../../../../assets/img/sai01.png') no-repeat; background-size: contain; 
    }
    span.s3s-s3s--02,span.s3s-s3s--2{
        background: url('../../../../assets/img/sai02.png') no-repeat; background-size: contain; 
    }
    span.s3s-s3s--03,span.s3s-s3s--3{
        background: url('../../../../assets/img/sai03.png') no-repeat; background-size: contain; 
    }
    span.s3s-s3s--04,span.s3s-s3s--4{
        background: url('../../../../assets/img/sai04.png') no-repeat; background-size: contain; 
    }
    span.s3s-s3s--05,span.s3s-s3s--5{
        background: url('../../../../assets/img/sai05.png') no-repeat; background-size: contain; 
    }
    span.s3s-s3s--06,span.s3s-s3s--6{
        background: url('../../../../assets/img/sai06.png') no-repeat; background-size: contain; 
    }
}
.stj-ssg{
    span.stj-ssg-num{
        height: 1.2rem !important; width: 1.2rem !important; line-height: 1.14rem !important; border-radius: 1.2rem !important;
    }
    .stj_ssg--01,.stj_ssg--02,.stj_ssg--03,.stj_ssg--04,.stj_ssg--05,.stj_ssg--06,.stj_ssg--07,.stj_ssg--08,.stj_ssg--09,.stj_ssg--1,.stj_ssg--2,
            .stj_ssg--3,.stj_ssg--4,.stj_ssg--5,.stj_ssg--6,.stj_ssg--7,.stj_ssg--8,.stj_ssg--9,.stj_ssg--10,.stj_ssg--11,.stj_ssg--12,.stj_ssg--13,.stj_ssg--14,
            .stj_ssg--15,.stj_ssg--16,.stj_ssg--17,.stj_ssg--18{
                background-image: linear-gradient(to bottom,#ffffff, #eaeaea); color: #003333 !important; border: 1px solid #c1c3ce;
            }
            .stj_ssg--19,.stj_ssg--20{
                background: #ff6161 !important; border: 1px solid #ff6161;
            }
}

.sgx-sgx{
    .sgx-sgx-num{
        width: 1.2rem !important; height: 1.2rem !important; line-height: 1.2rem !important; display: inline-block !important; border-radius: 1.2rem !important; color: #fff !important;
     }
    .sgx_sgx--01,.sgx_sgx--04,.sgx_sgx--07,.sgx_sgx--1,.sgx_sgx--4,.sgx_sgx--7,.sgx_sgx--10,.sgx_sgx--13,.sgx_sgx--16,.sgx_sgx--19 {
        background: #ff4040 !important;
    }
    .sgx_sgx--02,.sgx_sgx--05,.sgx_sgx--08,.sgx_sgx--2,.sgx_sgx--5,.sgx_sgx--8,.sgx_sgx--11,.sgx_sgx--14,.sgx_sgx--17,.sgx_sgx--20 {
        background: #0a92e0 !important;
    }
    .sgx_sgx--03,.sgx_sgx--06,.sgx_sgx--09,.sgx_sgx--3,.sgx_sgx--6,.sgx_sgx--9,.sgx_sgx--12,.sgx_sgx--15,.sgx_sgx--18,.sgx_sgx--21 {
        background: #49ac08 !important;
    }
}
